<template>
  <div class="my">
    <van-skeleton title avatar :row="3" :loading="loading">
      <div>
        <van-row justify="center">
          <van-col span="7">
            <img alt="Vue logo" src="../assets/headLogo.jpeg"/>
          </van-col>
          <van-col span="12">
            <van-field
                v-model="name"
                label="昵称："
                label-width="2.8rem"
                label-align="right"
                placeholder="昵称"
                readonly
            />
            <van-field
                v-model="id"
                label="账号："
                label-width="2.8rem"
                label-align="right"
                placeholder="账号"
                readonly
            />
          </van-col>
        </van-row>
        <van-field
            v-model="introduction"
            rows="2"
            autosize
            label="简介"
            label-width="2.8rem"
            label-align="right"
            type="textarea"
            placeholder="简介"
        />
        <van-tabs v-model="active">
          <van-tab title="收藏">
            <van-list
                v-model="loading"
                :finished="finished"
                finished-text="没有更多了"
                @load="onLoad"
            >
              <van-cell>
                <essayItem v-for="(n,index) in starEssays" :key=index :essay=n></essayItem>
              </van-cell>
            </van-list>
          </van-tab>
          <van-tab title="赞过">
            <van-list
                v-model="loading"
                :finished="finished"
                finished-text="没有更多了"
                @load="onLoad"
            >
              <van-cell>
                <essayItem v-for="(n,index) in likeEssays" :key=index :essay=n></essayItem>
              </van-cell>
            </van-list>
          </van-tab>
        </van-tabs>
      </div>
    </van-skeleton>
  </div>
</template>

<script>
// @ is an alias to /src
import essayItem from "../components/essayItem.vue";

export default {
  name: "My",
  data() {
    return {
      finished: false,
      active: 0,
      loading: false,
      name: "hella_zy",
      id: "18168084859",
      introduction: "大家好，我是只想出家的佛系hella_zy    @-_-@",
      starEssays: [
        {
          photo: require('../assets/1.png'),
          name: "小红",
          title: "南京之旅",
          text: "路线 DAY1:南京站→玄武湖→钟山风景区→明孝陵→中山陵→音乐台→美龄宫→酒店 DAY2:酒店→南京博物院→牛首山风景区→佛顶寺→佛顶寺→佛顶宫→三江学院夜市→夫子庙→老门东→酒店 DAY3:酒店→总统府→1912酒吧街→鸡鸣寺→鼓楼→新街口→先锋书店→中山码头→浦口火车站→南京站",
          labels: ["南京", "五月", "三天两夜"],
        },
        {
          photo: require('../assets/2.png'),
          name: "小明",
          title: "青甘7日环线：全程2700公里左右。",
          text: "有人说，有生之年，一定要去大西北走一次大环线，因为走一次大环线就相当于旅行了10次，最经典的7日大环线跨越青、甘两省，路程约2700公里，涵盖了两省精华景点约20个，看似无法兼容的美景全都真真实实地汇聚在这条线路之上，大漠、戈壁、石窟、雅丹、丹霞、高山、湖泊、草原、花海、圣洁庙宇、无人区、盐湖、雪山……你或许要花很多次旅行才能看全的风景，在这里你都能遇见",
          labels: ["甘肃", "五月", "七天六夜"],
        },
        {
          photo: require('../assets/3.png'),
          name: "小绿",
          title: "八月青海",
          text: "8月是去青海湖旅游的最佳时间，温度白天在15-25°之间，赶在这个盛夏时节到青海，是个不错选择。夜晚比较冷，大概5-10°，不过最冷的时候已经睡了，所以也没有什么大碍。青海旅游攻略大全丨青海旅行攻略分享丨青甘大环线丨西北大环线丨自由行丨包车游攻略丨拼车攻略丨高原的天气是比较多变的，可能上午阴沉沉，下午就阳光明媚。可能这一截山路在下雨，下一截就是蓝天白云。长袖T恤和外衣是必备的，阳光强烈，免得晒伤。防晒霜，墨镜啥的一样都不可少",
          labels: ["青海", "八月", "五天四夜"],
        },
      ],
      likeEssays: [
        {
          photo: require('../assets/1.png'),
          name: "小红",
          title: "南京之旅",
          text: "路线 DAY1:南京站→玄武湖→钟山风景区→明孝陵→中山陵→音乐台→美龄宫→酒店 DAY2:酒店→南京博物院→牛首山风景区→佛顶寺→佛顶寺→佛顶宫→三江学院夜市→夫子庙→老门东→酒店 DAY3:酒店→总统府→1912酒吧街→鸡鸣寺→鼓楼→新街口→先锋书店→中山码头→浦口火车站→南京站",
          labels: ["南京", "五月", "三天两夜"],
        },
        {
          photo: require('../assets/2.png'),
          name: "小明",
          title: "青甘7日环线：全程2700公里左右。",
          text: "有人说，有生之年，一定要去大西北走一次大环线，因为走一次大环线就相当于旅行了10次，最经典的7日大环线跨越青、甘两省，路程约2700公里，涵盖了两省精华景点约20个，看似无法兼容的美景全都真真实实地汇聚在这条线路之上，大漠、戈壁、石窟、雅丹、丹霞、高山、湖泊、草原、花海、圣洁庙宇、无人区、盐湖、雪山……你或许要花很多次旅行才能看全的风景，在这里你都能遇见",
          labels: ["甘肃", "五月", "七天六夜"],
        },
        {
          photo: require('../assets/3.png'),
          name: "小绿",
          title: "八月青海",
          text: "8月是去青海湖旅游的最佳时间，温度白天在15-25°之间，赶在这个盛夏时节到青海，是个不错选择。夜晚比较冷，大概5-10°，不过最冷的时候已经睡了，所以也没有什么大碍。青海旅游攻略大全丨青海旅行攻略分享丨青甘大环线丨西北大环线丨自由行丨包车游攻略丨拼车攻略丨高原的天气是比较多变的，可能上午阴沉沉，下午就阳光明媚。可能这一截山路在下雨，下一截就是蓝天白云。长袖T恤和外衣是必备的，阳光强烈，免得晒伤。防晒霜，墨镜啥的一样都不可少",
          labels: ["青海", "八月", "五天四夜"],
        },
      ],
    };
  },
  methods: {
    onLoad() {

    }
  },
  components: {
    // footerBar,
    essayItem,
  },
};
</script>

<style scoped>
</style>
